import React from 'react'

const icons=[
  'icon-edit',
  'icon-head-bot',
  'icon-head-top',
  'icon-Collection',
  'icon-ask',
  'icon-message',
  'icon-metro',
  'icon-report',
  'icon-maLoca',
  'icon-share',
  'icon-map',
  'icon-ind',
  'icon-my',
  'icon-mess',
  'icon-findHouse',
  'icon-arrow',
  'icon-seach',
  'icon-ref',
  'icon-vid',
  'icon-order',
  'icon-myinfo',
  'icon-record',
  'icon-cust',
  'icon-air',
  'icon-broadband',
  'icon-gas',
  'icon-Heat',
  'icon-eval',
  'icon-heater',
  'icon-sofa',
  'icon-set',
  'icon-identity',
  'icon-coll',
  'icon-wash',
  'icon-wardrobe',
  'icon-back',
  'icon-infom',
  'icon-auth',
  'icon-pic',
  'icon-morey',
  'icon-order',
  'icon-time',
  'icon-ok',
  'icon-pho',
  'icon-cls',
  'icon-add',
  'icon-expression',
  'icon-problem',
  'icon-成交订单',
  'icon-error',
  'icon-backTop',
  'icon-backBot',
  'icon-backRit',
  'icon-房子',
  'icon-海外',
  'icon-计算器',
  'icon-箭头向上',
  'icon-箭头向右',
  'icon-箭头向左',
  'icon-house'
]

export default function Icons() {

  return (
    <div>
      {
        icons.map(i=>(<i style={{display:'flex',fontSize:'20px',justifyContent:'space-evenly',alignItems:'center',padding:'10px 0'}} className={'iconfont '+i}>{i}</i>))
      }
    </div>
  )
}

